html {
width: 100%;
height: 100%;
}

body,td,th {
font-family: Arial, Helvetica, sans-serif;
font-size: 0.80em;
color: #444444;
}
body {
background-color: #5CD3C2;
background-attachment: scroll;
background-image: url(http://www.dwari-lifeskills.net/media/grafik/ornament_neu.jpg);
background-repeat: repeat-y;
background-position: right 340px;
height: 100%;
margin: 0%;
padding: 0%;
}

img {
border-color: #98E5DA;
}

#wolken {
background-image: url(http://www.dwari-lifeskills.net/media/grafik/hg_wolken.jpg);
margin: 0px;
padding: 0px;
z-index: 2;
left: 0px;
top: 0px;
background-repeat: no-repeat;
background-position: 0px 0px;
height: 240px;
width: 980px;
position: absolute;
background-attachment: scroll;
}
#verlauf {
background-image: url(http://www.dwari-lifeskills.net/media/grafik/hg_verlauf2.jpg);
margin: 0px;
padding: 0px;
z-index: 1;
left: 0px;
top: 0px;
background-repeat: repeat-x;
background-position: right top;
height: 100%;
width: 100%;
position: absolute;
background-attachment: scroll;
}
#ornamentverlauf {
background-image: url(http://www.dwari-lifeskills.net/media/grafik/ornament_verlauf.jpg);
margin: 0px;
padding: 0px;
z-index: 3;
left: 0px;
top: 0px;
background-repeat: no-repeat;
background-position: right top;
height: 100%;
width: 100%;
position: absolute;
background-attachment: scroll;
}
.logo {
position: absolute;
z-index: 4;
width: 285px;
height: 185px;
vertical-align: top;
margin: 0px;
padding: 0px;
border: 0px solid #FFFFFF;
}
.logo img {
border: 0px solid #999999;
}
#language {
position: absolute;
z-index: 4;
top: 23px;
left: 382px;
width: 566px;
height: 28px;
padding: 0px;
margin: 0px;
border: 0px solid #000000;
text-align: right;
}

#language a img {
border: 0px solid #999999;
margin: 0px;
padding: 0px;
}

.content {
position: absolute;
z-index: 4;
background-image: url(http://www.dwari-lifeskills.net/media/grafik/hg_wellen.gif);
background-repeat: no-repeat;
background-position: 0px 0px;
background-attachment: scroll;
top: 200px;
left: 0px;
width: 980px;
border: 0px solid #999999;
padding-top: 40px;
vertical-align: top;
text-align: left;
}
.menu {
float: left;
vertical-align: top;
width: 355px;
padding-top: 10px;
margin: 0px;
border: 0px solid #999999;
}
.bildleiste {
float: right;
vertical-align: top;
width: 120px;
border: 0px solid #999999;
margin: 0px;
padding-top: 30px;
vertical-align: top;
}
.bildleiste p {
border: 0px solid #999999;
margin: 0px;
padding: 0px;
}
.mitte {
float: right;
width: 400px;
min-height: 250px;
border: 0px solid #999999;
margin: 0px;
padding-right: 205px;
vertical-align: top;
text-align: left;
}

.mitte a:link, a:visited, a:active {
color: #4D0664;
text-decoration: none;
}
.mitte a:hover {
text-decoration: underline;
color: #4D0664;
}

.footer {
z-index: 4;
clear: both;
padding-bottom: 20px;
background-image: url(http://www.dwari-lifeskills.net/media/grafik/random_leiste.png);
background-repeat: no-repeat;
background-position: 364px 0px;
border: 0px solid #999999;
height: 70px;
vertical-align: top;
}
.search {
width: 215px;
border: 0px solid #999999;
padding-top: 40px;
padding-left: 40px;
vertical-align: top;
}

.search_string {
background-color: #7BDCCE;
border: 0px solid #7BDCCE;
width: 150px;
margin-left: 0px;
margin-bottom: 10px;
padding: 3px;
font-size: 11px;
color: #444444;
}

.search_submit {
vertical-align: bottom;
background-color: #5CD3C2;
border: 0px solid #FFFFFF;
width: 55px;
margin-bottom: 7px;
font-size: 12px;
font-weight: bold;
color: #6B81A4;
}

.impressum {
width: 210px;
float: left;
border: 0px solid #999999;
margin: 0px;
padding-left: 48px;
vertical-align: top;
}
.impressum p {
height: 14px;
padding: 0px;
margin-top: 2px;
margin-bottom: 5px;
font-size: 11px;
color: #6B81A4;
}
.impressum a {
font-size: 11px;
color: #6B81A4;
text-decoration: none;
font-weight: normal;
}
.impressum a:active {
color: #6B81A4;
text-decoration: none;
}
.impressum a:visited {
color: #6B81A4;
text-decoration: none;
}
.impressum a:hover {
color: #4D0664;
text-decoration: none;
}

.zitat {
font-family: Arial, Helvetica, sans-serif;
width: 610px;
float: right;
border: 0px solid #999999;
margin: 0px;
padding-right: 100px;
vertical-align: top;
}
.zitat p {
height: 14px;
padding-top: 44px;
margin-top: 5px;
margin-bottom: 5px;
font-family: Arial, Helvetica, sans-serif;
font-size: 11px;
color: #A30F57;
font-weight: bold;
text-align: right;
}

ul {
list-style-type: square;
}

hr {
height: 0px;
padding: 5px 0px;
background-image: url(http://www.dwari-lifeskills.net/media/grafik/kreidestrich02.png);border: 0;
}

address {
color: #4D0664;
}

h1 {
font-size: 18px;
}
h2 {
font-size: 14px;
}
h3 {
font-size: 12px;
}
h4 {
font-size: 11px;
}
h1, h2, h3, h4, h5 {
color: #4D0664;
margin-top: 0.0em;
margin-bottom: 0.75em;
}
form {
margin: 0px;
padding: 0px;
}

#nav {
position: absolute;
z-index: 5;
top: 125px;
left: 375px;
width: auto;
height: 20px;
padding: 0px;
margin: 0;
border: 0px solid #000000;
text-align: left;
}

#nav ul {
list-style-type: none; 
margin: 0; 
padding: 0px;
width: auto;
position: relative; /* Fix the Stupid IE6 Bug */
}
#nav ul li {float: left; text-align: center; font-weight: bold;}
#nav ul li a {display: block; font-size: 12px; color: #6B8584; text-decoration: none; padding-right: 22px;}

/* Root Level Link Formatting */
#nav ul li a:hover, #nav li a:focus {color: #4D0664;}
#nav li a:active, #nav ul li a.active {color: #4D0664;}

/* Current page Customisations*/
#nav li.menu-current a {color: #4D0664;}
#nav li.menu-current a {font-weight: bold;} 

/* 2nd Child menu */
#nav .menu li ul {top: 15px; left: 0px; position: absolute; width: auto; margin: 0; display: none;}
#nav .menu li ul li {width: 120px; float: left; text-align: left; margin: 0; padding: 0;}
#nav .menu li ul a {width: 120px; margin: 0; float: left; font-size: 12px; text-align: left; color: #6B8584; border: 0;}

/* 2nd Child link hover */
#nav .menu li ul a:hover {color: #4D0664;}

/* Show and hide */
#nav .menu li:hover ul, #nav .menu li a:focus ul, #nav .menu li.subMenu ul {display: block;}
#nav .menu li ul ul { display: none;}
#nav .menu li:hover ul ul, #nav .menu li.subMenu ul ul {display: none;}
#nav .menu li:hover ul, #nav .menu li li:hover ul, #nav .menu li.subMenu ul, #nav .menu li li.subMenu ul {display: block;}

/* 3rd Child Menu Appreances */
#nav .menu li ul li ul 	{left: 10px; top: 0px; position: absolute; padding:0px;}
#nav .menu li ul li ul li a {position: relative; top: 1px; padding:0px;}

/* Positioning the Pop-out Drops */
#nav li {position: relative;}
#nav ul ul ul {
position: absolute;
top: 0px;
}

#subnav {
display: block;
z-index: 4;
width: 175px;
vertical-align: top;
padding: 0px;
margin-left: 48px;
margin-bottom: 20px;
border: 0px solid #999999;
}

#subnav ul {
list-style-type: none; 
margin: 0; 
padding: 0px;
}

#subnav a {
font-size: 12px;
font-weight: bold;
color: #6B8584;
text-decoration: none;
}

#subnav a:visited {
font-size: 12px;
font-weight: bold;
color: #6B8584;
text-decoration: none;
}

#subnav a:hover {
font-size: 12px;
font-weight: bold;
color: #4D0664;
text-decoration: none;
}

#subnav a:active {
font-size: 12px;
font-weight: bold;
color: #6B8584;
text-decoration: none;
}

#subnav a:selected {
font-size: 12px;
font-weight: bold;
color: #6B8584;
text-decoration: none;
}

#subnav li.menu-current a {
color: #4D0664;
text-decoration: none;
}

#subnav li ul {
list-style-type: none; 
margin-left: 10px;
padding: 2px 0px;
}

#subnav li ul li a {
font-size: 12px;
font-weight: bold;
color: #6B8584;
margin-left: 3px;
margin-top: 0px;
margin-bottom: 0px;
padding: 0px;
}

#subnav li ul li a:visited {
font-size: 12px;
font-weight: bold;
color: #6B8584;
text-decoration: none;
padding: 0px;
}

#subnav li ul li a:hover {
font-size: 12px;
font-weight: bold;
color: #4D0664;
text-decoration: none;
padding: 0px;
}

#subnav li ul li a:active {
font-size: 12px;
font-weight: bold;
color: #6B8584;
text-decoration: none;
padding: 0px;
}

#subnav li ul li.menu-child a:hover {
color: #4D0664;
text-decoration: none;
padding: 0px;
}

#subnav ul li ul li a:hover {
font-size: 12px;
font-weight: bold;
color: #4D0664;
text-decoration: none;
padding: 0px;
}

#subnav ul li ul li a:selected {
font-size: 12px;
font-weight: bold;
color: #4D0664;
text-decoration: none;
padding: 0px;
}

#subnav ul li ul li.menu-current a {
color: #4D0664;
font-weight: bold;
text-decoration: none;
padding: 0px;
}

#subnav ul li ul li.menu-child a {
color: #6B8584;
text-decoration: none;
padding: 0px;
}

.login a:link, .login a:visited, .login a:active {
display: inline;
font-size: 11px;
text-decoration: none;
padding: 0;
}
.login input {
font-size: 10px;
}